/*Author: @ngel Sullon Macalupu*/

/* DEFAULTS
----------------------------------------------------------*/
body
{

    background: #b6b7bc;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 2px 10px 2px 10px;
    color: #696969;
/*    LINE-HEIGHT: 1.12em; */
}
.error {
    margin: 0em;
    padding-left : 30px;
    padding-top: 30px;
    padding-bottom: 10px;
    border-top:  5px solid red ;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
    background-color: #ffeeee;
    background-image: url(../Icono/Error.png);
    background-repeat: no-repeat;
    background-position: 10px 15px ;
    font-family: Verdana, sans-serif;
    font-size: 95%;
    content: "<font size=+2>Error:</font><br>";

}
a:link
{
    color: #034af3;
    text-decoration: none;
}
 a:visited
{
    color: #034af3;
    text-decoration: none;
}
a:hover
{
    color: #1d60ff;
    text-decoration: underline;
}

a:active
{
    color: #034af3;
    text-decoration: none;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
.message

{
    font-size: 150%;
    padding: 10px
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    padding: 4px;
}



/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

.head
{
    color: #4e5766;
    padding: 0px 0px 2px 0px;
    margin: 0px auto;
    text-align: right;
    line-height: normal;
}
.loginDisplay
{

    text-align: right;
    padding: 0 0 0 10px;
    color: White;
}
.loginDisplay a:link
{
color: white;
}
.loginDisplay a:visited
{
    color: white;
}
.loginDisplay a:hover
{
    color: white;
}






.page
{

    background-color: #fff;
    border: 1px solid #496077;

}
.header
{
    /*position: relative;*/
    background: #4b6c9e;
    width: 100%;
            font-size: 0.7em;
    LINE-HEIGHT: 1.12em;
}
.header.title
{
    padding: 0px 0px 0px 10px;

    
}
.header h1
{font: bold;
        font-size: 1.6em;
    font-variant: small-caps;
    margin: 0px;
    color: #f9f9f9;
    border: none;
}
.header h2
{
    
        font-size: 1.5em;
    font-variant: small-caps;
    margin: 0px;
    color: #f9f9f9;
    border: none;
}
.main
{
    position: inherit;
    WIDTH: 100%;
    min-height: 220px;

}
.foot
{
    WIDTH: 100%;
    height: 10px;
    color: #4e5766;
    padding: 8px 0px 1px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* MISC
----------------------------------------------------------*/

.clear
{
    clear: both;
}




/* TAB MENU
----------------------------------------------------------*/
div.menu
{

    height: 10px;
    padding: 4px 0px 1px 2px;


}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    /*width: auto;*/
}
div.menu ul li {
  float:left;
  list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*white-space:nowrap;*/
}
div.menu ul li a
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    /*white-space: nowrap;*/
}
div.menu ul li a.selected, div.menu ul li a.selected:hover,div.menu ul li a.selected:visited {
    background:#dde4ec; color:#555;/*000 negro*/
        text-decoration: none;

}
div.menu ul li a:visited
{
    /*background-color: #465c71;*/
    border: 1px #4e667d solid;
    color: #C4D2E2;

    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}
div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}



div.section
{
    background-color:#3a4f63;
    width:100%;
    height: 50px;
    padding: 0px 0px 0px 0px;
    font-size: 0.7em;
    LINE-HEIGHT: 1.12em;
}
div.section h4
{
    margin: 0px;
    color: #f9f9f9;
    border: none;
    font-size: 1.7em;
}
.quick-search {
    float:right;
    color: #f9f9f9;
}

/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font : bold 100% verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none;
    color: Navy;

    margin-left: -9px;
    padding-right: 0px;
    vertical-align: top;
    padding-left: 2px;
}




select {
BORDER-BOTTOM: #9b9b9b 1px solid; BORDER-LEFT: #9b9b9b 1px solid; PADDING-BOTTOM: 0px;
/*BACKGROUND-COLOR: #f2f2f2; */
PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333; BORDER-TOP: #9b9b9b 1px solid; BORDER-RIGHT: #9b9b9b 1px solid; PADDING-TOP: 0px
}


textarea
{

BORDER-BOTTOM: #9b9b9b 1px solid; BORDER-LEFT: #9b9b9b 1px solid; PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333; BORDER-TOP: #9b9b9b 1px solid; BORDER-RIGHT: #9b9b9b 1px solid; PADDING-TOP: 0px
}

input.textEntry
{
    width: 320px;
    /*BACKGROUND-COLOR: #f2f2f2;*/
BORDER-BOTTOM: #9b9b9b 1px solid; BORDER-LEFT: #9b9b9b 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333; BORDER-TOP: #9b9b9b 1px solid; BORDER-RIGHT: #9b9b9b 1px solid; PADDING-TOP: 0px

}

input.numberEntry
{
    width: 120px;
    /*BACKGROUND-COLOR: #f2f2f2;*/
BORDER-BOTTOM: #9b9b9b 1px solid; BORDER-LEFT: #9b9b9b 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333; BORDER-TOP: #9b9b9b 1px solid; BORDER-RIGHT: #9b9b9b 1px solid; PADDING-TOP: 0px

}

input.noTxt {
    border: 0px;
    BACKGROUND-COLOR: transparent
}
input.passwordEntry
{
    width: 320px;
    BORDER-BOTTOM: #9b9b9b 1px solid; BORDER-LEFT: #9b9b9b 1px solid; PADDING-BOTTOM: 0px;
     PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333;
    BORDER-TOP: #9b9b9b 1px solid; BORDER-RIGHT: #9b9b9b 1px solid; PADDING-TOP: 0px
}

input.dateEntry
{
    width: 120px;
BORDER-BOTTOM: #9b9b9b 1px solid; BORDER-LEFT: #9b9b9b 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333; BORDER-TOP: #9b9b9b 1px solid; BORDER-RIGHT: #9b9b9b 1px solid; PADDING-TOP: 0px
}
label{
    font-size: 75%;
    font : bold;
    margin-bottom: 10px;
    line-height: 1.6em;

}

div.accountInfo
{
    width: 380;
    align: center;
    vertical-align: center;
}




/* TABLE
----------------------------------------------------------*/
table
{
  


}

/*Category Item Work*/
TABLE.CategoryTable {
    width: 150px;
    FONT-SIZE: .9em;
    
BACKGROUND-COLOR: #f2f5f9;
    BORDER-COLLAPSE: collapse !important;
    	BORDER-BOTTOM: #9AB1C6 1px solid; BORDER-LEFT: #9AB1C6 1px solid;
        PADDING-BOTTOM: 0px;  PADDING-LEFT: 0px; BORDER-SPACING: 0;
        PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; VERTICAL-ALIGN: top;
        BORDER-TOP: medium none; BORDER-RIGHT: #9AB1C6 1px solid; PADDING-TOP: 0px
	/*BORDER-BOTTOM: #9FC2E4 1px solid; BORDER-LEFT: #9FC2E4 1px solid; PADDING-BOTTOM: 0px;  PADDING-LEFT: 0px; BORDER-SPACING: 0;  PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; VERTICAL-ALIGN: top; BORDER-TOP: #9FC2E4 1px solid; BORDER-RIGHT: #9FC2E4 1px; PADDING-TOP: 0px*/
}
TABLE.CategoryTable TD {
PADDING: 0px;
}
DIV.CategoryHeader {
    color: #000;
    BACKGROUND-COLOR: #9AB1C6;
	/*BORDER-BOTTOM: #9bd 1px solid; BORDER-LEFT: #9bd 1px solid; PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px;  PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #69c 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #9bd 1px solid; PADDING-TOP: 2px*/
}
DIV.CategoryItem {
	
}
DIV.CategoryItemSelected {

    BACKGROUND-COLOR: #f3e9b9; MARGIN-LEFT: 0px;
	LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 4px; LIST-STYLE-TYPE: none; PADDING-RIGHT: 5px; WHITE-SPACE: nowrap; MARGIN-RIGHT: 0px; PADDING-TOP: 4px
}

TABLE.ItemListTable {
    width: 100%;
    FONT-SIZE: .9 em;
    BORDER-COLLAPSE: collapse !important;
    BACKGROUND-COLOR: #fff;    
}
TR.ItemListTitle TD {
            BACKGROUND-COLOR: #A5C7E9;
            color: black;
            FONT: bold;           
}
TABLE.ItemListTable TD {
    BORDER-COLLAPSE: collapse;
    PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;PADDING-TOP: 2px;
	BORDER-BOTTOM: #9FC2E4 1px solid; BORDER-LEFT: #9FC2E4 1px solid;  BORDER-SPACING: 0;   BORDER-TOP: #9FC2E4 1px solid; BORDER-RIGHT: #9FC2E4 1px solid;
}
TR.ItemListHeader {
        COLOR: #333;
	PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: #E3EEFB; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;  PADDING-TOP: 2px
}
TR.ItemListHeader TD {
    BORDER-COLLAPSE: collapse;
	BORDER-BOTTOM: #9FC2E4 1px solid;
        BORDER-LEFT: #9FC2E4 1px solid;
        PADDING-BOTTOM: 2px;
        PADDING-LEFT: 2px;
        BORDER-SPACING: 0; PADDING-RIGHT: 2px;
        BORDER-TOP: #9FC2E4 1px solid;
        BORDER-RIGHT: #9FC2E4 1px solid;
        PADDING-TOP: 2px;
        FONT-WEIGHT: bold
}
TR.ItemListHeader IMG {
	MARGIN: 2px; FLOAT: right
}
TR.ItemListFooter TD {
    BORDER-COLLAPSE: collapse !important;
	 BACKGROUND-COLOR: #CEE3FB;
         BORDER-TOP: #9FC2E4 1px solid; PADDING-TOP: 3px
}
TR.filter {
	BACKGROUND-COLOR: #e5e5e5;
        font-size: .80em;
}
TR.filter TD {
	BORDER-BOTTOM: #9FC2E4 1px solid; BORDER-LEFT: #9FC2E4 1px solid;
        BORDER-TOP: #9FC2E4 1px solid; BORDER-RIGHT: #9FC2E4 1px solid
}

TR.intercalary {
    background-color: #F0F4FB;/* e6eaed EEF7FF  EBFDFE F0F4FB EBFDFE;*/
}





.form  {

        BORDER-BOTTOM: #9FC2E4 1px solid; BORDER-LEFT: #9FC2E4 1px solid; 
        PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; BORDER-SPACING: 0; PADDING-RIGHT: 2px;
        BORDER-TOP: #9FC2E4 1px solid; BORDER-RIGHT: #9FC2E4 1px solid; PADDING-TOP: 2px;
}
.TableForm  {
    BORDER-COLLAPSE: collapse !important;
    background-color:#F7FAFE;
	/* CDDBEB fffaf2 F7F7F8 F2FBFF fffaf2*/
        BORDER-BOTTOM: #9FC2E4 1px solid; BORDER-LEFT: #9FC2E4 1px solid;
        PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; BORDER-SPACING: 0;
        PADDING-RIGHT: 2px;  BORDER-TOP: #9FC2E4 1px solid; BORDER-RIGHT: #9FC2E4 1px solid;
        PADDING-TOP: 2px;
}
TR.TableFormTitle TD {
            BACKGROUND-COLOR: #A5C7E9;
            color: black;
            FONT: bold;
            PADDING: 12px;

         

	 BORDER-BOTTOM: #9FC2E4 1px solid;
         PADDING-BOTTOM: 3px;


}
TR.TableFormFooter TD {

    BORDER-COLLAPSE: collapse !important;
	 BORDER-TOP: #9FC2E4 1px solid;
         PADDING-TOP: 3px;
         BACKGROUND-COLOR: #CEE3FB;
}
.TableForm TD {
    color: #000;
    font-size: .80em;
    vertical-align: top;
}
.fonc {
    padding: 1px 1 1 1px;
        BORDER-COLLAPSE: collapse ;
	BACKGROUND-POSITION: center top; 
        BACKGROUND-ATTACHMENT: scroll;
        BACKGROUND-IMAGE: url(../Icono/BcPunto.gif); BACKGROUND-REPEAT: repeat-y
	/*BORDER-BOTTOM: #a9b7c0 1px solid; BORDER-LEFT: #a9b7c0 1px solid; BORDER-RIGHT: #a9b7c0 1px solid; BORDER-TOP: #a9b7c0 1px solid;*/
}
.TableForm fieldset {
/*  	border: none;
  	border-top: 1px solid #D0D0D0;*/
  	margin: 0px 0;
  	padding: 10px 0 0 0px;
    font : 90% verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none;
    color: Navy;
}
.TableForm legend {
    font : bold 120% verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none;

    margin-left: -9px;
    padding-right: 0px;
    vertical-align: top;
    padding-left: 2px;
}

TR.legendIndication TD  {
  	border: none;
  	margin: 0px 0;
  	padding: 2px 0px 0px 10px;
    font : 70% verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none;
    color: Navy;
}




DIV.AlignLeft {
	FLOAT: left;
}
DIV.AlignRight {
POSITION: relative;
	FLOAT: right;
}

.btnFontMax {

background-image: url(../Icono/FontMax.gif); background-repeat: no-repeat;
	background-color: transparent;
width: 18px; height: 18px;
	border-style: none;

}
.btnFontMin {

background-image: url(../Icono/FontMin.gif); background-repeat: no-repeat;
	background-color: transparent;
width: 18px; height: 18px;
	border-style: none;

}

/* Prioridades*/
.priority0 {
    width: 30px;
	BACKGROUND-COLOR: aquamarine
}
.priority1 {
    width: 30px;
	BACKGROUND-COLOR: tomato;
}
.priority2 {
    width: 30px;
	BACKGROUND-COLOR: yellow;
}
.priority3 {
    width: 30px;
	BACKGROUND-COLOR: yellowgreen;
}


